<script setup>
import { ref, watch, nextTick } from 'vue'
import SymptomRadio from '@/views/scheme_design/components/SymptomRadio.vue'

// 显示抽屉
const visibleDialog = ref(false)

// 是否有症状
const isShowSymptom = ref(false)

const open = (systemicDisease) => {
  if (systemicDisease !== null) {
    systemicDiseaseRecord.value = systemicDisease
    isShowSymptom.value = true
    visibleDialog.value = true
  } else {
    // systemicDiseaseRecord设置为默认值
    systemicDiseaseRecord.value =
      defaultSystemicDiseaseRecord
    isShowSymptom.value = false
    visibleDialog.value = true
  }
}

// 向父组件暴露open
defineExpose({
  open
})

// 全身状况表单
const systemicDiseaseRecord = ref({
  isShowSymptom: 0,
  patientId: '',
  // 高血压
  highBloodPressure: '',
  highBloodPressureIndicate: '',
  isHighBloodPressureMedication: '',
  highBloodPressureMedication: '',
  // 糖尿病
  diabetes: '',
  diabetesIndicate: '',
  isDiabetesMedication: '',
  diabetesMedication: '',
  // 冠心病
  coronaryHeartDisease: '',
  coronaryHeartDiseaseIndicate: '',
  isCoronaryHeartDiseaseMedication: '',
  coronaryHeartDiseaseMedication: '',
  // 脑血管疾病
  cerebrovascularDisease: '',
  cerebrovascularDiseaseIndicate: '',
  isCerebrovascularDiseaseMedication: '',
  cerebrovascularDiseaseMedication: '',
  // 动脉粥样硬化
  atherosclerosis: '',
  atherosclerosisIndicate: '',
  isAtherosclerosisMedication: '',
  atherosclerosisMedication: '',
  // 肺部疾病
  lungDisease: '',
  lungDiseaseIndicate: '',
  isLungDiseaseMedication: '',
  lungDiseaseMedication: '',
  // 胃肠道病
  gastrointestinalDisease: '',
  gastrointestinalDiseaseIndicate: '',
  isGastrointestinalDiseaseMedication: '',
  gastrointestinalDiseaseMedication: '',
  // 类风湿性关节炎
  rheumatoidArthritis: '',
  rheumatoidArthritisIndicate: '',
  isRheumatoidArthritisMedication: '',
  rheumatoidArthritisMedication: '',
  // 骨质疏松
  osteoporosis: '',
  osteoporosisIndicate: '',
  isOsteoporosisMedication: '',
  osteoporosisMedication: '',
  // 血液病
  hemopathy: '',
  hemopathyIndicate: '',
  isHemopathyMedication: '',
  hemopathyMedication: '',
  // 肝胆病
  hepatobiliaryDisease: '',
  hepatobiliaryDiseaseIndicate: '',
  isHepatobiliaryDiseaseMedication: '',
  hepatobiliaryDiseaseMedication: '',
  // 其他疾病
  otherDisease: '',
  otherDiseaseIndicate: '',
  isOtherDiseaseMedication: '',
  otherDiseaseMedication: '',
  // 心脑血管手术
  cardiacCerebrovascularSurgery: '',
  cardiacCerebrovascularSurgeryIndicate: '',
  isCardiacCerebrovascularSurgeryMedication: '',
  cardiacCerebrovascularSurgeryMedication: '',
  // 关节、瓣膜置换手术
  jointValveReplacementSurgery: '',
  jointValveReplacementSurgeryIndicate: '',
  isJointValveReplacementSurgeryMedication: '',
  jointValveReplacementSurgeryMedication: '',
  // 器官移植手术
  organTransplantSurgery: '',
  organTransplantSurgeryIndicate: '',
  isOrganTransplantSurgeryMedication: '',
  organTransplantSurgeryMedication: '',
  // 其他手术
  otherSurgery: '',
  otherSurgeryIndicate: '',
  isOtherSurgeryMedication: '',
  otherSurgeryMedication: '',
  // 妊娠期
  gestationPeriod: '',
  gestationPeriodIndicate: '',
  isGestationPeriodMedication: '',
  gestationPeriodMedication: '',
  // 直系亲属牙周炎病史
  immediateFamilyPeriodontitisHistory: '',
  immediateFamilyPeriodontitisHistoryIndicate: '',
  isImmediateFamilyPeriodontitisHistoryMedication: '',
  immediateFamilyPeriodontitisHistoryMedication: '',
  // 吸烟
  smoking: '',
  smokingIndicate: '',
  isSmokingMedication: '',
  smokingMedication: '',
  // 焦虑、神经紧张、压力
  anxietyNervousnessStress: '',
  anxietyNervousnessStressIndicate: '',
  isAnxietyNervousnessStressMedication: '',
  anxietyNervousnessStressMedication: '',
  // 其他疾病、长期药物治疗史
  otherDiseaseAndLongTreatment: '',
  otherDiseaseAndLongTreatmentIndicate: '',
  isOtherDiseaseAndLongTreatmentMedication: '',
  otherDiseaseAndLongTreatmentMedication: ''
})
// const systemicDiseaseRecord = ref({
//   isShowSymptom: 0,
//   patientId: '',
//   // 高血压
//   highBloodPressure: '0',
//   highBloodPressureIndicate: '',
//   isHighBloodPressureMedication: '0',
//   highBloodPressureMedication: '',
//   // 糖尿病
//   diabetes: '0',
//   diabetesIndicate: '',
//   isDiabetesMedication: '0',
//   diabetesMedication: '',
//   // 冠心病
//   coronaryHeartDisease: '0',
//   coronaryHeartDiseaseIndicate: '',
//   isCoronaryHeartDiseaseMedication: '0',
//   coronaryHeartDiseaseMedication: '',
//   // 脑血管疾病
//   cerebrovascularDisease: '0',
//   cerebrovascularDiseaseIndicate: '',
//   isCerebrovascularDiseaseMedication: '0',
//   cerebrovascularDiseaseMedication: '',
//   // 动脉粥样硬化
//   atherosclerosis: '0',
//   atherosclerosisIndicate: '',
//   isAtherosclerosisMedication: '0',
//   atherosclerosisMedication: '',
//   // 肺部疾病
//   lungDisease: '0',
//   lungDiseaseIndicate: '',
//   isLungDiseaseMedication: '0',
//   lungDiseaseMedication: '',
//   // 胃肠道病
//   gastrointestinalDisease: '0',
//   gastrointestinalDiseaseIndicate: '',
//   isGastrointestinalDiseaseMedication: '0',
//   gastrointestinalDiseaseMedication: '',
//   // 类风湿性关节炎
//   rheumatoidArthritis: '0',
//   rheumatoidArthritisIndicate: '',
//   isRheumatoidArthritisMedication: '0',
//   rheumatoidArthritisMedication: '',
//   // 骨质疏松
//   osteoporosis: '0',
//   osteoporosisIndicate: '',
//   isOsteoporosisMedication: '0',
//   osteoporosisMedication: '',
//   // 血液病
//   hemopathy: '0',
//   hemopathyIndicate: '',
//   isHemopathyMedication: '0',
//   hemopathyMedication: '',
//   // 肝胆病
//   hepatobiliaryDisease: '0',
//   hepatobiliaryDiseaseIndicate: '',
//   isHepatobiliaryDiseaseMedication: '0',
//   hepatobiliaryDiseaseMedication: '',
//   // 其他疾病
//   otherDisease: '0',
//   otherDiseaseIndicate: '',
//   isOtherDiseaseMedication: '0',
//   otherDiseaseMedication: '',
//   // 心脑血管手术
//   cardiacCerebrovascularSurgery: '0',
//   cardiacCerebrovascularSurgeryIndicate: '',
//   isCardiacCerebrovascularSurgeryMedication: '0',
//   cardiacCerebrovascularSurgeryMedication: '',
//   // 关节、瓣膜置换手术
//   jointValveReplacementSurgery: '0',
//   jointValveReplacementSurgeryIndicate: '',
//   isJointValveReplacementSurgeryMedication: '0',
//   jointValveReplacementSurgeryMedication: '',
//   // 器官移植手术
//   organTransplantSurgery: '0',
//   organTransplantSurgeryIndicate: '',
//   isOrganTransplantSurgeryMedication: '0',
//   organTransplantSurgeryMedication: '',
//   // 其他手术
//   otherSurgery: '0',
//   otherSurgeryIndicate: '',
//   isOtherSurgeryMedication: '0',
//   otherSurgeryMedication: '',
//   // 妊娠期
//   gestationPeriod: '0',
//   gestationPeriodIndicate: '',
//   isGestationPeriodMedication: '0',
//   gestationPeriodMedication: '',
//   // 直系亲属牙周炎病史
//   immediateFamilyPeriodontitisHistory: '0',
//   immediateFamilyPeriodontitisHistoryIndicate: '',
//   isImmediateFamilyPeriodontitisHistoryMedication: '0',
//   immediateFamilyPeriodontitisHistoryMedication: '',
//   // 吸烟
//   smoking: '0',
//   smokingIndicate: '',
//   isSmokingMedication: '0',
//   smokingMedication: '',
//   // 焦虑、神经紧张、压力
//   anxietyNervousnessStress: '0',
//   anxietyNervousnessStressIndicate: '',
//   isAnxietyNervousnessStressMedication: '0',
//   anxietyNervousnessStressMedication: '',
//   // 其他疾病、长期药物治疗史
//   otherDiseaseAndLongTreatment: '0',
//   otherDiseaseAndLongTreatmentIndicate: '',
//   isOtherDiseaseAndLongTreatmentMedication: '0',
//   otherDiseaseAndLongTreatmentMedication: ''
// })
// 默认全身状况表单
const defaultSystemicDiseaseRecord = {
  isShowSymptom: 0,
  patientId: '',
  // 高血压
  highBloodPressure: '0',
  highBloodPressureIndicate: '',
  isHighBloodPressureMedication: '0',
  highBloodPressureMedication: '',
  // 糖尿病
  diabetes: '0',
  diabetesIndicate: '',
  isDiabetesMedication: '0',
  diabetesMedication: '',
  // 冠心病
  coronaryHeartDisease: '0',
  coronaryHeartDiseaseIndicate: '',
  isCoronaryHeartDiseaseMedication: '0',
  coronaryHeartDiseaseMedication: '',
  // 脑血管疾病
  cerebrovascularDisease: '0',
  cerebrovascularDiseaseIndicate: '',
  isCerebrovascularDiseaseMedication: '0',
  cerebrovascularDiseaseMedication: '',
  // 动脉粥样硬化
  atherosclerosis: '0',
  atherosclerosisIndicate: '',
  isAtherosclerosisMedication: '0',
  atherosclerosisMedication: '',
  // 肺部疾病
  lungDisease: '0',
  lungDiseaseIndicate: '',
  isLungDiseaseMedication: '0',
  lungDiseaseMedication: '',
  // 胃肠道病
  gastrointestinalDisease: '0',
  gastrointestinalDiseaseIndicate: '',
  isGastrointestinalDiseaseMedication: '0',
  gastrointestinalDiseaseMedication: '',
  // 类风湿性关节炎
  rheumatoidArthritis: '0',
  rheumatoidArthritisIndicate: '',
  isRheumatoidArthritisMedication: '0',
  rheumatoidArthritisMedication: '',
  // 骨质疏松
  osteoporosis: '0',
  osteoporosisIndicate: '',
  isOsteoporosisMedication: '0',
  osteoporosisMedication: '',
  // 血液病
  hemopathy: '0',
  hemopathyIndicate: '',
  isHemopathyMedication: '0',
  hemopathyMedication: '',
  // 肝胆病
  hepatobiliaryDisease: '0',
  hepatobiliaryDiseaseIndicate: '',
  isHepatobiliaryDiseaseMedication: '0',
  hepatobiliaryDiseaseMedication: '',
  // 其他疾病
  otherDisease: '0',
  otherDiseaseIndicate: '',
  isOtherDiseaseMedication: '0',
  otherDiseaseMedication: '',
  // 心脑血管手术
  cardiacCerebrovascularSurgery: '0',
  cardiacCerebrovascularSurgeryIndicate: '',
  isCardiacCerebrovascularSurgeryMedication: '0',
  cardiacCerebrovascularSurgeryMedication: '',
  // 关节、瓣膜置换手术
  jointValveReplacementSurgery: '0',
  jointValveReplacementSurgeryIndicate: '',
  isJointValveReplacementSurgeryMedication: '0',
  jointValveReplacementSurgeryMedication: '',
  // 器官移植手术
  organTransplantSurgery: '0',
  organTransplantSurgeryIndicate: '',
  isOrganTransplantSurgeryMedication: '0',
  organTransplantSurgeryMedication: '',
  // 其他手术
  otherSurgery: '0',
  otherSurgeryIndicate: '',
  isOtherSurgeryMedication: '0',
  otherSurgeryMedication: '',
  // 妊娠期
  gestationPeriod: '0',
  gestationPeriodIndicate: '',
  isGestationPeriodMedication: '0',
  gestationPeriodMedication: '',
  // 直系亲属牙周炎病史
  immediateFamilyPeriodontitisHistory: '0',
  immediateFamilyPeriodontitisHistoryIndicate: '',
  isImmediateFamilyPeriodontitisHistoryMedication: '0',
  immediateFamilyPeriodontitisHistoryMedication: '',
  // 吸烟
  smoking: '0',
  smokingIndicate: '',
  isSmokingMedication: '0',
  smokingMedication: '',
  // 焦虑、神经紧张、压力
  anxietyNervousnessStress: '0',
  anxietyNervousnessStressIndicate: '',
  isAnxietyNervousnessStressMedication: '0',
  anxietyNervousnessStressMedication: '',
  // 其他疾病、长期药物治疗史
  otherDiseaseAndLongTreatment: '0',
  otherDiseaseAndLongTreatmentIndicate: '',
  isOtherDiseaseAndLongTreatmentMedication: '0',
  otherDiseaseAndLongTreatmentMedication: ''
}

// 通知父组件, 并将systemicDiseaseRecord传递给父组件
const emit = defineEmits(['updateSystemicDiseaseRecord'])
// 保存
const handleSave = () => {
  // console.log('保存了全身状况')
  emit(
    'updateSystemicDiseaseRecord',
    systemicDiseaseRecord.value
  )
  // 关闭弹窗
  visibleDialog.value = false
}

// 取消
const handleCancel = () => {
  // console.log('取消了全身状况')
  visibleDialog.value = false
  systemicDiseaseRecord.value = defaultSystemicDiseaseRecord
  isShowSymptom.value = false
}

// 绑定滚动条
const scrollbarRef = ref(null)
// vue3如果弹窗关闭, 滚动条会自动回到顶部
watch(visibleDialog, () => {
  nextTick(() => {
    const scrollContainer =
      scrollbarRef.value.$el.querySelector(
        '.el-scrollbar__wrap'
      )
    if (scrollContainer) {
      scrollContainer.scrollTop = 0
    }
  })
})

// 监听
</script>

<template>
  <div class="system-condition-chart">
    <el-dialog
      v-model="visibleDialog"
      title="全身状况"
      width="600"
      top="5vh"
    >
      <el-scrollbar height="650px" ref="scrollbarRef">
        <!-- 全身状况表单 -->
        <div class="system-condition">
          <el-form
            size="large"
            label-width="190px"
            :model="systemicDiseaseRecord"
            label-position="left"
          >
            <!-- 全身疾病, 有无 -->
            <el-form-item label="全身疾病:">
              <el-radio
                v-model="isShowSymptom"
                size="large"
                :label="false"
                >无</el-radio
              >
              <el-radio
                v-model="isShowSymptom"
                size="large"
                :label="true"
              >
                有 (回答下列问题)
              </el-radio>
            </el-form-item>

            <!-- 高血压, 有无 -->
            <el-form-item label="高血压:">
              <SymptomRadio
                :showRadio="isShowSymptom"
                v-model:disease="
                  systemicDiseaseRecord.highBloodPressure
                "
                v-model:indicate="
                  systemicDiseaseRecord.highBloodPressureIndicate
                "
                v-model:medication="
                  systemicDiseaseRecord.highBloodPressureMedication
                "
                v-model:isMedication="
                  systemicDiseaseRecord.isHighBloodPressureMedication
                "
              ></SymptomRadio>
            </el-form-item>
            <!-- 糖尿病, 有无 -->
            <el-form-item label="糖尿病:">
              <SymptomRadio
                :showRadio="isShowSymptom"
                v-model:disease="
                  systemicDiseaseRecord.diabetes
                "
                v-model:indicate="
                  systemicDiseaseRecord.diabetesIndicate
                "
                v-model:medication="
                  systemicDiseaseRecord.diabetesMedication
                "
                v-model:isMedication="
                  systemicDiseaseRecord.isDiabetesMedication
                "
              ></SymptomRadio>
            </el-form-item>

            <!-- 冠心病, 有无 -->
            <el-form-item label="冠心病:">
              <SymptomRadio
                :showRadio="isShowSymptom"
                v-model:disease="
                  systemicDiseaseRecord.coronaryHeartDisease
                "
                v-model:indicate="
                  systemicDiseaseRecord.coronaryHeartDiseaseIndicate
                "
                v-model:medication="
                  systemicDiseaseRecord.coronaryHeartDiseaseMedication
                "
                v-model:isMedication="
                  systemicDiseaseRecord.isCoronaryHeartDiseaseMedication
                "
              ></SymptomRadio>
            </el-form-item>

            <!-- 脑血管病, 有无 -->
            <el-form-item label="脑血管病:">
              <SymptomRadio
                :showRadio="isShowSymptom"
                v-model:disease="
                  systemicDiseaseRecord.cerebrovascularDisease
                "
                v-model:indicate="
                  systemicDiseaseRecord.cerebrovascularDiseaseIndicate
                "
                v-model:medication="
                  systemicDiseaseRecord.cerebrovascularDiseaseMedication
                "
                v-model:isMedication="
                  systemicDiseaseRecord.isCerebrovascularDiseaseMedication
                "
              ></SymptomRadio>
            </el-form-item>

            <!-- 动脉粥样硬化, 有无 -->
            <el-form-item label="动脉粥样硬化:">
              <SymptomRadio
                :showRadio="isShowSymptom"
                v-model:disease="
                  systemicDiseaseRecord.atherosclerosis
                "
                v-model:indicate="
                  systemicDiseaseRecord.atherosclerosisIndicate
                "
                v-model:medication="
                  systemicDiseaseRecord.atherosclerosisMedication
                "
                v-model:isMedication="
                  systemicDiseaseRecord.isAtherosclerosisMedication
                "
              ></SymptomRadio>
            </el-form-item>
            <!-- 肺部疾病, 有无 -->
            <el-form-item label="肺部疾病:">
              <SymptomRadio
                :showRadio="isShowSymptom"
                v-model:disease="
                  systemicDiseaseRecord.lungDisease
                "
                v-model:indicate="
                  systemicDiseaseRecord.lungDiseaseIndicate
                "
                v-model:medication="
                  systemicDiseaseRecord.lungDiseaseMedication
                "
                v-model:isMedication="
                  systemicDiseaseRecord.isLungDiseaseMedication
                "
              ></SymptomRadio>
            </el-form-item>
            <!-- 胃肠道病, 有无 -->
            <el-form-item label="胃肠道病:">
              <SymptomRadio
                :showRadio="isShowSymptom"
                v-model:disease="
                  systemicDiseaseRecord.gastrointestinalDisease
                "
                v-model:indicate="
                  systemicDiseaseRecord.gastrointestinalDiseaseIndicate
                "
                v-model:medication="
                  systemicDiseaseRecord.gastrointestinalDiseaseMedication
                "
                v-model:isMedication="
                  systemicDiseaseRecord.isGastrointestinalDiseaseMedication
                "
              ></SymptomRadio>
            </el-form-item>
            <!-- 类风湿性关节炎, 有无 -->
            <el-form-item label="类风湿性关节炎:">
              <SymptomRadio
                :showRadio="isShowSymptom"
                v-model:disease="
                  systemicDiseaseRecord.rheumatoidArthritis
                "
                v-model:indicate="
                  systemicDiseaseRecord.rheumatoidArthritisIndicate
                "
                v-model:medication="
                  systemicDiseaseRecord.rheumatoidArthritisMedication
                "
                v-model:isMedication="
                  systemicDiseaseRecord.isRheumatoidArthritisMedication
                "
              ></SymptomRadio>
            </el-form-item>
            <!-- 骨质疏松, 有无 -->
            <el-form-item label="骨质疏松:">
              <SymptomRadio
                :showRadio="isShowSymptom"
                v-model:disease="
                  systemicDiseaseRecord.osteoporosis
                "
                v-model:indicate="
                  systemicDiseaseRecord.osteoporosisIndicate
                "
                v-model:medication="
                  systemicDiseaseRecord.osteoporosisMedication
                "
                v-model:isMedication="
                  systemicDiseaseRecord.isOsteoporosisMedication
                "
              ></SymptomRadio>
            </el-form-item>
            <!-- 血液病, 有无 -->
            <el-form-item label="血液病:">
              <SymptomRadio
                :showRadio="isShowSymptom"
                v-model:disease="
                  systemicDiseaseRecord.hemopathy
                "
                v-model:indicate="
                  systemicDiseaseRecord.hemopathyIndicate
                "
                v-model:medication="
                  systemicDiseaseRecord.hemopathyMedication
                "
                v-model:isMedication="
                  systemicDiseaseRecord.isHemopathyMedication
                "
              ></SymptomRadio>
            </el-form-item>
            <!-- 肝胆疾病, 有无 -->
            <el-form-item label="肝胆疾病:">
              <SymptomRadio
                :showRadio="isShowSymptom"
                v-model:disease="
                  systemicDiseaseRecord.hepatobiliaryDisease
                "
                v-model:indicate="
                  systemicDiseaseRecord.hepatobiliaryDiseaseIndicate
                "
                v-model:medication="
                  systemicDiseaseRecord.hepatobiliaryDiseaseMedication
                "
                v-model:isMedication="
                  systemicDiseaseRecord.isHepatobiliaryDiseaseMedication
                "
              ></SymptomRadio>
            </el-form-item>
            <!-- 其他疾病, 有无 -->
            <el-form-item label="其他疾病:">
              <SymptomRadio
                :showRadio="isShowSymptom"
                v-model:disease="
                  systemicDiseaseRecord.otherDisease
                "
                v-model:indicate="
                  systemicDiseaseRecord.otherDiseaseIndicate
                "
                v-model:medication="
                  systemicDiseaseRecord.otherDiseaseMedication
                "
                v-model:isMedication="
                  systemicDiseaseRecord.isOtherDiseaseMedication
                "
              ></SymptomRadio>
            </el-form-item>
            <!-- 心、脑血管手术, 有无 -->
            <el-form-item label="心、脑血管手术:">
              <SymptomRadio
                :showRadio="isShowSymptom"
                v-model:disease="
                  systemicDiseaseRecord.cardiacCerebrovascularSurgery
                "
                v-model:indicate="
                  systemicDiseaseRecord.cardiacCerebrovascularSurgeryIndicate
                "
                v-model:medication="
                  systemicDiseaseRecord.cardiacCerebrovascularSurgeryMedication
                "
                v-model:isMedication="
                  systemicDiseaseRecord.isCardiacCerebrovascularSurgeryMedication
                "
              ></SymptomRadio>
            </el-form-item>
            <!-- 关节、瓣膜置换手术, 有无 -->
            <el-form-item label="关节、瓣膜置换手术:">
              <SymptomRadio
                :showRadio="isShowSymptom"
                v-model:disease="
                  systemicDiseaseRecord.jointValveReplacementSurgery
                "
                v-model:indicate="
                  systemicDiseaseRecord.jointValveReplacementSurgeryIndicate
                "
                v-model:medication="
                  systemicDiseaseRecord.jointValveReplacementSurgeryMedication
                "
                v-model:isMedication="
                  systemicDiseaseRecord.isJointValveReplacementSurgeryMedication
                "
              ></SymptomRadio>
            </el-form-item>
            <!-- 器官移植手术, 有无 -->
            <el-form-item label="器官移植手术:">
              <SymptomRadio
                :showRadio="isShowSymptom"
                v-model:disease="
                  systemicDiseaseRecord.organTransplantSurgery
                "
                v-model:indicate="
                  systemicDiseaseRecord.organTransplantSurgeryIndicate
                "
                v-model:medication="
                  systemicDiseaseRecord.organTransplantSurgeryMedication
                "
                v-model:isMedication="
                  systemicDiseaseRecord.isOrganTransplantSurgeryMedication
                "
              ></SymptomRadio>
            </el-form-item>
            <!-- 其他手术, 有无 -->
            <el-form-item label="其他手术:">
              <SymptomRadio
                :showRadio="isShowSymptom"
                v-model:disease="
                  systemicDiseaseRecord.otherSurgery
                "
                v-model:indicate="
                  systemicDiseaseRecord.otherSurgeryIndicate
                "
                v-model:medication="
                  systemicDiseaseRecord.otherSurgeryMedication
                "
                v-model:isMedication="
                  systemicDiseaseRecord.isOtherSurgeryMedication
                "
              ></SymptomRadio>
            </el-form-item>
            <!-- 妊娠期, 有无 -->
            <el-form-item label="妊娠期:">
              <SymptomRadio
                :showRadio="isShowSymptom"
                v-model:disease="
                  systemicDiseaseRecord.gestationPeriod
                "
                v-model:indicate="
                  systemicDiseaseRecord.gestationPeriodIndicate
                "
                v-model:medication="
                  systemicDiseaseRecord.gestationPeriodMedication
                "
                v-model:isMedication="
                  systemicDiseaseRecord.isGestationPeriodMedication
                "
              ></SymptomRadio>
            </el-form-item>
            <!-- 直系亲属牙周炎病史, 有无 -->
            <el-form-item label="直系亲属牙周炎病史:">
              <SymptomRadio
                :showRadio="isShowSymptom"
                v-model:disease="
                  systemicDiseaseRecord.immediateFamilyPeriodontitisHistory
                "
                v-model:indicate="
                  systemicDiseaseRecord.immediateFamilyPeriodontitisHistoryIndicate
                "
                v-model:medication="
                  systemicDiseaseRecord.immediateFamilyPeriodontitisHistoryMedication
                "
                v-model:isMedication="
                  systemicDiseaseRecord.isImmediateFamilyPeriodontitisHistoryMedication
                "
              ></SymptomRadio>
            </el-form-item>
            <!-- 吸烟, 有无 -->
            <el-form-item label="吸烟:">
              <SymptomRadio
                :showRadio="isShowSymptom"
                v-model:disease="
                  systemicDiseaseRecord.smoking
                "
                v-model:indicate="
                  systemicDiseaseRecord.smokingIndicate
                "
                v-model:medication="
                  systemicDiseaseRecord.smokingMedication
                "
                v-model:isMedication="
                  systemicDiseaseRecord.isSmokingMedication
                "
              ></SymptomRadio>
            </el-form-item>
            <!-- 焦虑、紧张、压力，有无 -->
            <el-form-item
              label="焦虑、紧张、压力:"
              prop="anxiety"
            >
              <SymptomRadio
                :showRadio="isShowSymptom"
                v-model:disease="
                  systemicDiseaseRecord.anxietyNervousnessStress
                "
                v-model:indicate="
                  systemicDiseaseRecord.anxietyNervousnessStressIndicate
                "
                v-model:medication="
                  systemicDiseaseRecord.anxietyNervousnessStressMedication
                "
                v-model:isMedication="
                  systemicDiseaseRecord.isAnxietyNervousnessStressMedication
                "
              ></SymptomRadio>
            </el-form-item>
            <!-- 其他疾病、长期药物治疗史， 有无 -->
            <el-form-item label="其他疾病、长期药物治疗史:">
              <SymptomRadio
                :showRadio="isShowSymptom"
                v-model:disease="
                  systemicDiseaseRecord.otherDiseaseAndLongTreatment
                "
                v-model:indicate="
                  systemicDiseaseRecord.otherDiseaseAndLongTreatmentIndicate
                "
                v-model:medication="
                  systemicDiseaseRecord.otherDiseaseAndLongTreatmentMedication
                "
                v-model:isMedication="
                  systemicDiseaseRecord.isOtherDiseaseAndLongTreatmentMedication
                "
              ></SymptomRadio>
            </el-form-item>
          </el-form>
        </div>
      </el-scrollbar>

      <template #footer>
        <el-button
          type="primary"
          size="medium"
          @click="handleSave"
        >
          保存
        </el-button>
        <el-button size="medium" @click="handleCancel">
          取消
        </el-button>
      </template>
    </el-dialog>
  </div>
</template>

<style scoped lang="scss"></style>
